<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>fullPage</title>
    <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="Description...">
    <meta name="keywords" content="keyword1,keyword2,keyword3..">
    <link rel="stylesheet" href="css/main.min.css">
    <link rel="stylesheet" href="css/index.min.css">
</head>
<body>
<div class="header-pc">
    <div class="w1100">
        <div class="logo"><img src="images/logo.png"></div>
        <div class="serach">
            <input class="serach-input" type="text" placeholder="暂不支持" disabled="disabled">
            <span class="serach-btn"></span>
            <p class="keywords">热门关键词：<span>Lorem</span><span>Lorem</span><span>Lorem</span><span>Lorem</span></p>
        </div>
    </div>
</div>
<div class="header-m">
    <div class="w1100">
        <div class="logo"><img src="images/logom.png"></div>
        <div class="serach">
            <label class="serach-input" >
                <input type="text" placeholder="暂不支持" disabled="disabled">
                <span class="serach-btn"></span>
            </label>
        </div>
    </div>
</div>
<div class="container">
    <div class="w1100">
        <div class="top">
            <div class="info-left">
                <p>Hi，看了精灵云的教程涨姿势了吗？如有任何问题，欢迎联系我们！联系方式：028-65785728</p>
                <b><em>当前教程：</em><span>教程一教程一教程一</span></b>
            </div>
            <div class="info-right">
                <h2>Total</h2>
                <p>1234<span>篇教程</span></p>
            </div>
        </div>
        <h1 class="title-m ellipsis">
            <span id="show-list-btn" class="list"></span>教程一教程一教程一教程一教程一教程一教程一教程一教程一<span id="show-next-btn" class="next"></span>
        </h1>
        <div class="content">
            <div id="teach-info" class="left">
                <h1 class="title-pc">教程一教程一教程一 <span>2015-03-01</span></h1>
                <ul class="steps">
                    <li class="step">
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudullamco laboris nsi ut aliquip ex ea commodo consequat.</h3>
                        <pre><code>var reg = /([a-zA-Z]{2})\d{2}/g;  // 俩个字母跟两个数字<br>reg.exec('ab1ad12v2bf22a'); // ['ad12', 'ad'] 第一次执行：匹配内容为ad12 ()保存内容为adreg.exec('ab1ad12v2bf22a');  // ['bf22', 'bf'] 第二次执行：匹配内容bf22 ()保存内容bfreg.exec('ab1ad12v2bf22a');  // null
                        </code></pre>
                        <img src="../images/未标题-3.png" alt="">
                    </li>
                    <li class="step">
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudullamco laboris nsi ut aliquip ex ea commodo consequat.</h3>
                        <img src="../images/未标题-3.png" alt="">
                    </li>
                    <li class="step">
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudullamco laboris nsi ut aliquip ex ea commodo consequat.</h3>
                        <img src="../images/未标题-3.png" alt="">
                    </li>
                    <li class="step">
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudullamco laboris nsi ut aliquip ex ea commodo consequat.</h3>
                        <img src="../images/未标题-3.png" alt="">
                    </li>
                </ul>
            </div>
            <div id="teach-list" class="right">
                <div class="teach-option">
                    <img src="images/4.png" alt="">
                    <div class="info">
                        <h3 class="ellipsis">教程一教程一教程一</h3>
                        <p>Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.</p>
                    </div>
                </div>
                <div class="teach-option">
                    <img src="images/4.png" alt="">
                    <div class="info">
                        <h3 class="ellipsis">教程一教程一教程一</h3>
                        <p>Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.</p>
                    </div>
                </div>
                <div class="teach-option">
                    <img src="images/4.png" alt="">
                    <div class="info">
                        <h3 class="ellipsis">教程一教程一教程一</h3>
                        <p>Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.</p>
                    </div>
                </div>
                <div class="teach-option">
                    <img src="images/4.png" alt="">
                    <div class="info">
                        <h3 class="ellipsis">教程一教程一教程一</h3>
                        <p>Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.</p>
                    </div>
                </div>
                <div class="teach-option">
                    <img src="images/4.png" alt="">
                    <div class="info">
                        <h3 class="ellipsis">教程一教程一教程一</h3>
                        <p>Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.Lorem ipsum dolorsit amet.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer"></div>
<script src="js/jquery.min.js"></script>
<script src="js/main.min.js"></script>
</body>
</html>
